
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title></title>
    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta content="" name="Keywords">
	<meta content="" name="Description">
	<!-- Mobile Devices Support @begin -->
	<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
	<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta name="format-detection" content="telephone=no, address=no">
	<meta content="yes" name="apple-mobile-web-app-capable"> <!-- apple devices fullscreen -->
	<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
	<!-- Mobile Devices Support @end -->
	<link href="favourite.ico" rel="shortcut icon">
	<link rel="apple-touch-icon" href="icon.png" />
	<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
	<!--iPad 1 72x72 像素-->
	<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
	<!--iPhone 4 114x114 像素-->
	<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
    <link rel="apple-touch-icon-precomposed" href="/assets/ico/apple-touch-icon-precomposed.png?v=211d96120f">
    <link rel="icon" href="/assets/ico/favicon.ico?v=211d96120f">
    <link rel="stylesheet" type="text/css" href="css/screen.css" />
	<script src="bootstrap/js/jquery.js"></script>
	
	<script src="bootstrap/js/smkSlide.js"></script>
</head>
<body class="gray" style='overflow-x:hidden'>

	    <div class="slide">
        <div class="box_swipe" id="banner_box">
            <ul>
            <li>
			 <a href="">
				 <img src="images/2015-09-01/1.png" alt="" />
				 <span>办卡</span>
			 </a>
			 <a href="">
				 <img src="images/2015-09-01/2.png" alt="" />
				 <span>充值</span>
			 </a>
			 <a href="">
				 <img src="images/2015-09-01/3.png" alt="" />
				 <span>手环</span>
			 </a>
			 <a href="">
				 <img src="images/2015-09-01/4.png" alt="" />
				 <span>纪念卡</span>
			 </a>	
			 <a href="">
				 <img src="images/2015-09-01/5.png" alt="" />
				 <span>商户</span>
			 </a>
			 <a href="">
				 <img src="images/2015-09-01/6.png" alt="" />
				 <span>交通</span>
			 </a>
			 <a href="">
				 <img src="images/2015-09-01/7.png" alt="" />
				 <span>荣誉商户</span>
			 </a>
			 <a href="">
				 <img src="images/2015-09-01/8.png" alt="" />
				 <span>精彩活动</span>
			 </a>			 
			</li>
            <li>
			 <a href="">
				 <img src="images/2015-09-01/1.png" alt="" />
				 <span>办卡</span>
			 </a>	 
			</li>
        	</ul>
            <ol>
                <li class="on"></li>
                <li></li>
            </ol>
        </div> 
    </div>
	
	<div class="wrap7">
	  <div class="item_c">
	   <article>
		   <img src="images/2015-09-01/temp.jpg" alt="" />
		   <div class="wrap14">
			  <div class="l">
			  <span>8.8元</span>
			  <span>超值抢</span>
			  </div>
			  <div class="r">
			  <span class='y'>进行中</span>
			  <span class='leve v05'></span>
			  </div>	   
		   </div>
		   <i class='hot'></i>
	   </article>
	  </div>
	  
	  <div class="item_c">
	   <article>
		   <img src="images/2015-09-01/temp.jpg" alt="" />
		   <div class="wrap14">
			  <div class="l">
			  <span>8.8元</span>
			  <span>超值抢</span>
			  </div>
			  <div class="r">
			  <span class='y'>进行中</span>
			  <span class='leve v04'></span>
			  </div>	   
		   </div>
		   <i class='unbegin'></i>
	   </article>
	  </div>
	  
	   <div class="item_c">
	   <article>
		   <img src="images/2015-09-01/temp.jpg" alt="" />
		   <div class="wrap14">
			  <div class="l">
			  <span>8.8元</span>
			  <span>超值抢</span>
			  </div>
			  <div class="r">
			  <span class='y'>进行中</span>
			  <span class='leve v03'></span>
			  </div>	   
		   </div>
		   <i class='fail'></i>
	   </article>
	  </div>
	  
	  <div class="item_c">
	   <article>
		   <img src="images/2015-09-01/temp.jpg" alt="" />
		   <div class="wrap14">
			  <div class="l">
			  <span>8.8元</span>
			  <span>超值抢</span>
			  </div>
			  <div class="r">
			  <span class='y'>进行中</span>
			  <span class='leve v02'></span>
			  </div>	   
		   </div>
		   <i class='unbegin'></i>
	   </article>
	  </div>	

	   <div class="item_c">
	   <article>
		   <img src="images/2015-09-01/temp.jpg" alt="" />
		   <div class="wrap14">
			  <div class="l">
			  <span>8.8元</span>
			  <span>超值抢</span>
			  </div>
			  <div class="r">
			  <span class='y'>进行中</span>
			  <span class='leve v01'></span>
			  </div>	   
		   </div>
		   <i class='fail'></i>
	   </article>
	  </div>
	  
	  <div class="item_c">
	   <article>
		   <img src="images/2015-09-01/temp.jpg" alt="" />
		   <div class="wrap14">
			  <div class="l">
			  <span>8.8元</span>
			  <span>超值抢</span>
			  </div>
			  <div class="r">
			  <span class='y'>进行中</span>
			  <span class='leve v0'></span>
			  </div>	   
		   </div>
		   <i class='unbegin'></i>
	   </article>
	  </div>

	  
	  <div class='item_wrap'>
	   <div class="item_c">
	   <article>
		   <img src="images/2015-09-01/temp.jpg" alt="" />
		   <div class="wrap14">
			  <div class="l">
			  <span>8.8元</span>
			  <span>超值超值抢超值抢超值抢超值抢超值抢抢</span>
			  </div>
			  <div class="r">
			  <span class=''>已过期</span>
			  </div>	   
		   </div>
		   <i class='fail'></i>
	   </article>
	  </div>	 

	   <div class="item_c">
	   <article>
		   <img src="images/2015-09-01/temp.jpg" alt="" />
		   <div class="wrap14">
			  <div class="l">
			  <span>8.8元</span>
			  <span>超值抢</span>
			  </div>
			  <div class="r">
			   <span class='y'>距开始</span>
			   <span class='y time_reduce' time='2016/09/6 17:47:00'>
		        <i></i><i></i><i></i><i ></i>	
			   </span>	  
			  </div>	   
		   </div>
		   <i class='fail'></i>
	   </article>
	  </div>
	  </div>
	  
	  <div class='item_wrap'>
	   <div class="item_c">
	   <article>
		   <img src="images/2015-09-01/temp.jpg" alt="" />
		   <div class="wrap14">
			  <div class="l">
			  <span>8.8元</span>
			  <span>超值抢</span>
			  </div>
			  <div class="r">
			   <span class='y'>距开始</span>
			   <span class='y time_reduce' time='2015/12/8 17:47:22'>
		        <i></i><i></i><i></i><i ></i>	
			   </span>	  
			  </div>	   
		   </div>
		   <i class='fail'></i>
	   </article>
	  </div>	 

	   <div class="item_c">
	   <article>
		   <img src="images/2015-09-01/temp.jpg" alt="" />
		   <div class="wrap14">
			  <div class="l">
			  <span>8.8元</span>
			  <span>超值抢</span>
			  </div>
			  <div class="r">
			   <span class='y'>距开始</span>
			   <span class='y time_reduce' time='2016/09/7 17:47:33'>
		        <i></i><i></i><i></i><i ></i>	
			   </span>	  
			  </div>	   
		   </div>
		   <i class='fail'></i>
	   </article>
	  </div>
	  </div>	  
	</div>
	
	
  <script>
     $(function(){
       //顶部通栏滑动切换
		new Swipe(document.getElementById('banner_box'), {
			speed:500,
			auto:false,
			callback: function(){
				var lis = $(this.element).next("ol").children();
				lis.removeClass("on").eq(this.index).addClass("on");
			}
		});
			
		//抢购倒计时方法
		var fn = function(){
		    $('span.time_reduce').each(function(){
			    var time = $(this).attr('time');
				var End= new Date(time);
				var Now = new Date();
				var t =End.getTime() - Now.getTime();
				var d=0,h=0,m=0,s=0;
				var arr = [];
				if(t>=0){
				d=Math.floor(t/1000/60/60/24);
				h=Math.floor(t/1000/60/60%24);
				m=Math.floor(t/1000/60%60);
				s=Math.floor(t/1000%60);
				arr=[d+'天',h==0 ? '' : (h+':'),(m<10 ? ('0'+m) : m) +':',s<10 ? ('0'+s) : s]
				}
				for(var i=0;i<4;i++){
				 $(this).find('i').eq(i).html(arr[i])
				}				
			}) 
		}
		//轮询执行 抢购倒计时
		setInterval(fn,1000);
		
	 });
  </script>




</body>
</html>
